<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="shortcut icon" href="images/ico.ico" />
<link href="css/header.css" rel="stylesheet" type="text/css"
	charset="utf-8" />
<link href="css/common.css" rel="stylesheet" type="text/css"
	charset="utf-8" />
<script src="js/jquery-1.7.1.js"></script>
<title>供应商列表</title>
</head>
<body>
	<script>
		$(document)
				.ready(
						function() {
							$("#stone_choose")
									.click(
											function() {
												$(this).attr("style",
														"font-weight: bold;");
												$("#provider_choose").attr(
														"style",
														"font-weight: normal;");
												$("#project_choose").attr(
														"style",
														"font-weight: normal;");
												$("#search_form")
														.attr("action",
																"stone/highSearchStone.action?pageno=1&mainSearch=true");
											});
							$("#provider_choose")
									.click(
											function() {
												$(this).attr("style",
														"font-weight: bold;");
												$("#stone_choose").attr(
														"style",
														"font-weight: normal;");
												$("#project_choose").attr(
														"style",
														"font-weight: normal;");
												$("#search_form")
														.attr("action",
																"provider/highSearchProvider.action?pageno=1&mainSearch=true");
											});
							$("#project_choose")
									.click(
											function() {
												$(this).attr("style",
														"font-weight: bold;");
												$("#provider_choose").attr(
														"style",
														"font-weight: normal;");
												$("#stone_choose").attr(
														"style",
														"font-weight: normal;");
												$("#search_form")
														.attr("action",
																"project/searchProject.action?pageno=1&mainSearch=true");
											});
						});
	</script>
	<div class="grid-m header div">
		<div class="banner">
			<img class="fl" src="images/logo.gif" /> <img class="fr"
				src="images/top_img.gif" />
		</div>
		<div class="clear"></div>
		<div class="nav">
			<ul>
				<li><a class="wh lar who"
					href="stone/showNewUploadStone.action?pageno=1"><b>石材</b>
				</a></li>
				<li class="bar"></li>
				<li><b class="wh lar">已合作</b> <span> <a
						href="provider/highSearchProvider.action?pageno=1&mainSearch=true&query="
						class="wh who">石材公司</a> <a href="loadStoneProcessor.action"
						class="wh who">石材加工厂</a> <a href="loadPhysicalDistribution.action"
						class="wh who">物流公司</a> <a href="loadHotel.action" class="wh who">酒店</a>
				</span></li>
				<li class="bar"></li>
				<li><b class="wh lar">已成交</b> <span> <a
						href="loadClient.action" class="wh who">客户</a> </span></li>
				<li class="bar"></li>
				<li><a class="wh lar who"
					href="project/searchProject.action?pageno=1&query=&mainSearch=true"><b>精品工程</b>
				</a>
				</li>
				<li><a class="wh lar who" href="rank/listRank.action"><b>排名</b>
				</a>
				</li>
				<li class="bar"></li>
				<li><a class="wh lar who" href="loadAboutUs.action"><b>关于我们</b>
				</a></li>

			</ul>
		</div>
	</div>
	<div class="clear"></div>

	<style>
.search_list .hd {
	margin-top: 15px;
	padding-left: 10px;
	border-bottom: 1px solid #CCC;
	height: 90px;
	overflow: hidden;
}

.search_list .bd .left {
	width: 120px;
	height: auto;
	float: left
}

.search_list .bd .right {
	width: 620px;
	height: auto;
	float: left;
	padding-left: 10px;
}

.search_list .bd .myhd {
	color: blue;
	font-size: 14px;
	margin-bottom: 5px;
	display: table
}

.search_list .bd .mybd {
	color: #666;
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 1.5;
	height: auto;
	display: block;
}

.search_list .bd .mybd font {
	color: #666;
}

.search_list .bd .mybd font.red {
	color: red;
}

.search_list .bd .myft font.green {
	color: #008000;
}

.search_list .bd .mybd font.tl {
	color: #999;
}

.search_list .bd .myft {
	color: #666;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.search_list .bd li {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #EAEAEA
}

.search_list .bd li ul {
	display: table;
	height: auto;
}

.search_list .bd li ul li {
	margin: 0;
	margin-right: 15px;
	word-break: keep-all;
	white-space: nowrap;
	border: 0;
}

form,#fm {
	position: relative
}

td {
	text-align: left
}

img {
	border: 0
}

a {
	color: #00c
}

a:active {
	color: #f60
}

input {
	border: 0;
	padding: 0
}

#nv {
	height: 19px;
	font-size: 16px;
	margin: 0 0 4px;
	text-align: left;
	text-indent: 10px
}

.s_ipt_wr {
	width: 418px;
	height: 30px;
	display: inline-block;
	margin-right: 5px;
	background: url(images/input_bg.png) no-repeat -304px 0;
	border: 1px solid #b6b6b6;
	border-color: #9a9a9a #cdcdcd #cdcdcd #9a9a9a;
	vertical-align: top
}

.s_ipt {
	width: 405px;
	height: 22px;
	font: 16px/22px arial;
	margin: 5px 0 0 7px;
	background: #fff;
	outline: none
}

.s_btn {
	width: 95px;
	height: 32px;
	padding-top: 2px\9;
	font-size: 14px;
	background: #ddd url(images/input_bg.png);
	cursor: pointer
}

.s_btn_h {
	background-position: -100px 0
}

.s_btn_wr {
	width: 97px;
	height: 34px;
	display: inline-block;
	background: url(images/input_bg.png) no-repeat -202px 0;
	*position: relative;
	z-index: 0;
	vertical-align: top
}

#lg img {
	vertical-align: top;
	margin-bottom: 3px
}

#lk,#snv {
	margin: 33px 0
}

#lk span {
	font: 14px;
	font-weight: bold;
}

#nv a {
	text-decoration: none;
	font-size: 14px;
}

#snv .bl {
	font-size: 14px;
	font-weight: normal;
}

#snv .tl {
	font-size: 14px;
	font-weight: bold;
	color: blue;
	padding-right: 10px;
}

#lm {
	height: 60px
}

#lh {
	margin: 16px 0 5px;
	word-spacing: 3px
}

#cp,#cp a {
	color: #77c
}

.page {
	text-align: center;
	color: #333;
	font-size: 12px;
}

.fee {
	width: 650px;
	height: 28px;
	float: right;
	padding: 1px;
	overflow: hidden;
	border-bottom: 1px solid #bde2ff;
	line-height: 28px;
	font-family: '宋体';
	font-size: 14px;
	font-weight: normal;
}

.fee span {
	color: red;
	font-size: 12px;
}
</style>
	<div class="grid-m div">
		<div class="col-main">
			<div class="search_list box">
				<div class="hd">
					<p id="nv">
						<a href="javascript:void(0)" id="stone_choose">石材</a> <a
							href="javascript:void(0)" id="provider_choose"
							style="font-weight: bold;">公司</a> <a href="javascript:void(0)"
							id="project_choose">精品工程</a>
					</p>
					<div id="fm">
						<form name="f"
							action="provider/highSearchProvider.action?pageno=1&mainSearch=true"
							method="post" id="search_form">
							<span class="s_ipt_wr"><input type="text" name="query"
								value="${query}" id="kw" maxlength="100" class="s_ipt">
							</span> <input type="hidden" name="rsv_bp" value="0"> <input
								type="hidden" name="rsv_spt" value="3"> <span
								class="s_btn_wr"><input type="submit" value="石材搜索"
								id="su" class="s_btn"> </span>
						</form>
					</div>
				</div>
				<div class="bd">
					<div>
						<div class="fee">
							共搜到 <span>${page.totalRows}</span> 条结果. 共花费：<span>${timeStr}</span>秒.
						</div>
						<br />
						<br />
					</div>
					<ul>
						<c:forEach items="${page.list}" var="provider">
							<li>
								<div class="left">
									<a href="provider/getProvider.action?providerId=${provider.id}">
										<img src="upload/provider/${provider.photo}" height="120"
										width="120" /> </a>
								</div>
								<div class="right">
									<div class="myhd">
										<a
											href="provider/getProvider.action?providerId=${provider.id}">${provider.name}
										</a>
									</div>
									<div class="mybd">
										<ul>
											<li><font class="tl">地址：</font>${provider.address}</li>
											<%--                                    <li><font class="tl">联系方式：</font><font>0592-6123456</font></li>--%>
										</ul>
									</div>
									<div class="clear"></div>
									<div class="myft">
										${provider.shortDescription}...<a
											href="provider/getProvider.action?providerId=${provider.id}"><font
											class="green">查看详细>></font>
										</a>
									</div>
									<%--                            <div  class="myft"><a href="www.youtube.com"><font class="green">http://www.youtube.com</font></a></div>--%>
								</div></li>
						</c:forEach>
					</ul>
					<div class="clear"></div>
					<div class="page">
						<span class="gray">共${totalpageno}页 当前第${currentpageno}页</span> <span
							class="bla"> <a
							href="provider/highSearchProvider.action?query=${query}&pageno=1&totalpageno=${totalpageno}&mainSearch=false">首页</a>
						</span> <span class="bla"> <c:if test="${page.currentPage != 1}">
								<a
									href="provider/highSearchProvider.action?query=${query}&pageno=${currentpageno-1}&totalpageno=${totalpageno}&mainSearch=false">上一页</a>
							</c:if> </span>
						<c:forEach items="${page.pageNumbers}" var="index">
							<span class="bla"> <a
								href="provider/highSearchProvider.action?query=${query}&pageno=${index}&totalpageno=${totalpageno}&mainSearch=false">
									<c:if test="${index == page.currentPage}">
										<b style="color:#666666;cursor:default">
									</c:if> ${index } <c:if test="${index == page.currentPage}">
										</b>
									</c:if> </a> </span>
						</c:forEach>
						<span class="bla"> <c:if
								test="${page.currentPage != page.totalPages}">
								<a
									href="provider/highSearchProvider.action?query=${query}&pageno=${currentpageno+1}&totalpageno=${totalpageno}&mainSearch=false">下一页</a>
							</c:if> </span> <span class="bla"> <a
							href="provider/highSearchProvider.action?query=${query}&pageno=${totalpageno }&totalpageno=${totalpageno}&mainSearch=false">尾页</a>
						</span>
					</div>

				</div>
			</div>
			<div class="clear"></div>
		</div>
		<jsp:include page="stone/righter.jsp"></jsp:include>
	</div>
	<div class="clear"></div>
	<div class="grid-m foot">
		<p>Copyright&copy; 版权所有2011-2012 巨石汇中心 主办单位：巨石汇</p>
	</div>
</body>
</html>

